$(function () {
  $('.increment').click(function () {
    // 得到当前兄弟文本框的值
    var n = $(this).siblings('.itxt').val();
    // console.log(n);
    n++;
    $(this).siblings('.itxt').val(n);
    // 3. 计算小计模块 根据文本框的值 乘以 当前商品的价格  就是 商品的小计
    // 当前商品的价格 p
    var p = $(this).parents('.p-num').siblings('.p-price').html();
    // console.log(p);
    // p = p.substr(1);
    // console.log(p);
    var price = (p * n).toFixed(2);
    // 小计模块
    // toFixed(2) 可以让我们保留2位小数
    $(this)
      .parents('.p-num')
      .siblings('.p-sum')
      .html('￥' + price);
    getSum();
  });
  $('.decrement').click(function () {
    alert('1');
    // 得到当前兄弟文本框的值
    var n = $(this).siblings('.itxt').val();
    if (n == 1) {
      return false;
    }
    // console.log(n);
    n--;
    $(this).siblings('.itxt').val(n);
    // var p = $(this).parent().parent().siblings(".p-price").html();
    // parents(".p-num") 返回指定的祖先元素
    var p = $(this).parents('.p-num').siblings('.p-price').html();
    // console.log(p);
    // p = p.substr(1);
    console.log(p);
    // 小计模块
    $(this)
      .parents('.p-num')
      .siblings('.p-sum')
      .html('￥' + (p * n).toFixed(2));
    getSum();
  });
  //  4. 用户修改文本框的值 计算 小计模块
  $('.itxt').change(function () {
    // 先得到文本框的里面的值 乘以 当前商品的单价
    var n = $(this).val();
    // 当前商品的单价
    var p = $(this).parents('.p-num').siblings('.p-price').html();
    // console.log(p);
    // p = p.substr(1);
    $(this)
      .parents('.p-num')
      .siblings('.p-sum')
      .html('￥' + (p * n).toFixed(2));
    getSum();
  });
  getSum();

  function getSum() {
    var count = 0; // 计算总件数
    var money = 0; // 计算总价钱
    $('.itxt').each(function (i, ele) {
      count += parseInt($(ele).val());
    });
    $('.amount-sum em').text(count);
    $('.p-sum').each(function (i, ele) {
      money += parseFloat($(ele).text().substr(1));
    });
    $('.price-sum em').text('￥' + money.toFixed(2));
  }
});
